
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="This is a sample website using bootstrap">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Home Page | Petformance - The Dog & Cat Shop</title>

    <!-- Bootstrap core CSS -->
    <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="bootstrap/font-awesome/css/font-awesome.min.css">
    <!-- Custom styles for this template -->
    <link href="carousel_css.css" rel="stylesheet">
	 <link href="thesis_css.css" rel="stylesheet">
	 <link href="bootstrap-social.css" rel="stylesheet">
	  

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="bootstrap/docs/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <!-- Layer8 version 2.0.0.123 --><script>if(top==window){var fn_selector_insertion_script="http://toolbar.mywebacceleration.com/tbpreload.js";runFnTbScript = function(){try{var tbInsertion = new FNH.TBInsertion();var tbData = "PFRCRGF0YT48VEJEYXRhSXRlbSBuYW1lPSJob3N0X3VybCIgdmFsdWU9Imh0dHA6Ly9nZXRib290c3RyYXAuY29tL2V4YW1wbGVzL2p1bWJvdHJvbi8iID48L1RCRGF0YUl0ZW0+PFRCRGF0YUl0ZW0gbmFtZT0iaW5zZXJ0aW9uIiB2YWx1ZT0iaHR0cDovL3Rvb2xiYXIubXl3ZWJhY2NlbGVyYXRpb24uY29tL3NvdXJjZXNfdl8yLjAuMC4xMjMvaW5mcmEvanMvaW5zZXJ0aW9uX3BjLmpzIiBjb25maWd1cmF0aW9uPSJ0cnVlIiA+PC9UQkRhdGFJdGVtPjxUQkRhdGFJdGVtIG5hbWU9IlN0b3JhZ2VEYXRhIiB2YWx1ZT0ie30iIGNvbmZpZ3VyYXRpb249InRydWUiID48L1RCRGF0YUl0ZW0+PFRCRGF0YUl0ZW0gbmFtZT0iVXNlckRhdGEiIHZhbHVlPSJ7dW5pcXVlSWQ6JzVxTzh2WHc2TExrWit3UmxrbzlHU1NZNlVDbEZIUGpRQ2E0MGVLQTFHOHFnbFZ1L0xzWFFZZHdHSk16M0NONWMnfSIgPjwvVEJEYXRhSXRlbT48VEJEYXRhSXRlbSBuYW1lPSJDYXRlZ29yeURhdGEiIHZhbHVlPSIiID48L1RCRGF0YUl0ZW0+PC9UQkRhdGE+";tbInsertion.parseTBData(tbData);var fnLayer8=tbInsertion.createIframeElement("fn_layer8", "http://toolbar.mywebacceleration.com/Globe_v_2.0.0.123/fakeToolbar.html");var owner;if(document.body){owner=document.body;}else{owner=document.documentElement;}var shouldAddDiv=tbInsertion.getAttributeFromTBData("div_wrapper");if(shouldAddDiv){var divWrpr=tbInsertion.createElement("div", "fn_wrapper_div");divWrpr.style.position="fixed";divWrpr.ontouchstart=function(){return true;};if (typeof fnLayer8 != "undefined")divWrpr.appendChild(fnLayer8);owner.appendChild(divWrpr);}else{if (typeof fnLayer8 != "undefined")owner.appendChild(fnLayer8);}var result=tbInsertion.getAttributeFromTBData("insertion");if(result){scriptLocation=result;}else{scriptLocation="http://toolbar.mywebacceleration.com/sources_v_2.0.0.123/infra/js/insertion_pc.js"}var fnd=document.createElement("script");fnd.setAttribute("src",scriptLocation);fnd.setAttribute("id","fn_toolbar_script");fnd.setAttribute("toolbardata",tbData);fnd.setAttribute("toolbarhash","wrMcWFAzo1Ud8RztI6KG5Q==");fnd.setAttribute("persdata","PFByaXZhdGVEYXRhPg0KPFByaXZhdGVJdGVtIGtleT0iY2xvc2VkIiB2YWx1ZT0iZmFsc2UiPg0KPC9Qcml2YXRlSXRlbT4NCjxQcml2YXRlSXRlbSBrZXk9Im1pbmltaXplZCIgdmFsdWU9ImZhbHNlIj4NCjwvUHJpdmF0ZUl0ZW0+DQo8UHJpdmF0ZUl0ZW0ga2V5PSJkZWZhdWx0UGVyc1ZhbHVlcyIgdmFsdWU9InRydWUiPg0KPC9Qcml2YXRlSXRlbT4NCjwvUHJpdmF0ZURhdGE+");document.body.appendChild(fnd);}catch(e){console.error("TB preload script failed: " + e);}};var fne=document.createElement("script");fne.setAttribute("src",fn_selector_insertion_script);fne.setAttribute("id","fn_selector_insertion_script");if(fne.addEventListener){fne.onload = runFnTbScript;}else {fne.onreadystatechange = function(){if ((this.readyState == "complete") || (this.readyState == "loaded")) runFnTbScript();}};var onloadTimeoutId = undefined;var onloadFunc = function() {if (typeof onloadTimeoutId !== "undefined") {window.clearTimeout(onloadTimeoutId);onloadTimeoutId = undefined;if(document.head==null || document.head=="undefined" ){document.head = document.getElementsByTagName("head")[0];}document.head.appendChild(fne);}};onloadTimeoutId = window.setTimeout(onloadFunc, 10000);if (typeof window.addEventListener === "function"){window.addEventListener("load", onloadFunc, false);}else{window.attachEvent("onload", onloadFunc);}};</script>
  </head>
  
  
  <body>


  
							<!-- MENU BAR! -->
        <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php"><img src="images/logo.png" style="position:relative; top:-10px;" alt="Responsive image"></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.php">Home</a></li>
			<li><a href="thesis_about_us.php">About Us</a></li>
			<li><a href="thesis_faq.php">FAQ</a></li>
			 <li class="dropdown">
                  <a href="thesis_products_dog_food.php?page=1" class="dropdown-toggle"  role="button" aria-expanded="false">Products <span class="caret"></span></a>
						  <div class="dropdown-menu multi-column">
							<div class="row">
								<div class="col-md-5">
									<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<li class="dropdown-header">For Dogs</li>
										<li><a href="thesis_products_dog_food.php?page=1">Dog Food</a></li>
										<li><a href="thesis_products_dog_grooming.php?page=1">Dog Grooming Tools</a></li>
										<li><a href="thesis_products_dog_toys.php?page=1">Dog Toys</a></li>
										<li><a href="thesis_products_dog_fashion.php?page=1">Dog Fashion Accesories</a></li>
										<li><a href="thesis_products_dog_collars.php?page=1">Dog Collars, Harness & Leashes</a></li>
										<li><a href="thesis_products_dog_cages.php?page=1">Dog Cages & Carriers</a></li>
										<li><a href="thesis_products_dog_beddings.php?page=1">Dog Beddings</a></li>
										<li><a href="thesis_products_dog_apparel.php?page=1">Dog Apparel</a></li>
										<li><a href="thesis_products_dog_bags.php?page=1">Dog Bags</a></li>
										<li><a href="thesis_products_dog_shoes.php?page=1">Dog Shoes & Socks</a></li>
										<li><a href="thesis_products_dog_health.php?page=1">Dog Health Needs</a></li>
									</li>
										
									</ul>
								</div>
								
								<div class="col-md-5">
									<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<li class="dropdown-header">For Cats</li>
										<li><a href="thesis_products_cat_food.php?page=1">Cat Food & Treats</a></li>
										<li><a href="thesis_products_cat_furniture.php?page=1">Cat Furniture, Scratchers and Toys</a></li>
										<li><a href="thesis_products_cat_litter.php?page=1">Cat Litter & Litter Boxes</a></li>
										<li><a href="thesis_products_cat_grooming.php?page=1">Cat Grooming Tools</a></li>
										<li><a href="thesis_products_cat_feeding.php?page=1">Cat Feeding Supplies</a></li>
										<li><a href="thesis_products_cat_collars.php?page=1">Cat Collars, Harness, Leashes, Charms & Accessories</a></li>
										<li><a href="thesis_products_cat_health.php?page=1">Cat Health Needs</a></li>
									</li>
									</ul>
								</div>
							</div>
						</div>
                </li>
				
				 <li class="dropdown">
                  <a href="thesis_services.php" class="dropdown-toggle" role="button" aria-expanded="false">Pet Services<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">In-store Services</li>
					 <li class="dropdown-submenu">
							 <li><a href="thesis_services.php">Grooming</a></li>
							 <li><a href="thesis_services.php">Dog Training</a></li>
							 <li><a href="thesis_services.php">Pet Boarding</a></li>
							 <li><a href="thesis_services.php">Veterinary Services</a></li>
							
					 </li>
					
					
                  </ul>
                </li>
				
				<li class="dropdown">
                  <a href="thesis_list_breeds_dog.php?page=1" class="dropdown-toggle" role="button" aria-expanded="false">Pet Care<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">List of Breeds</li>
					 <li class="dropdown-submenu">
							 <li><a href="thesis_list_breeds_dog.php?page=1">Dog Breeds</a></li>
							 <li><a href="thesis_list_breeds_cat.php?page=1">Cat Breeds</a></li>
						
							
						  </li>
					
					
                  </ul>
                </li>
				<li><a href="thesis_login_register.php">Login</a></li>
			

              </ul>
	
	
	<?php include 'searchBar.php'; ?>
	
	
			
	  
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </nav><!-- /.navbar -->

						<!-- =================================MENU BAR END!================================= -->


  <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
		 <li data-target="#myCarousel" data-slide-to="3"></li>
		  <li data-target="#myCarousel" data-slide-to="4"></li>
		   <li data-target="#myCarousel" data-slide-to="5"></li>
			  
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="dogs_cats/1.jpg" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
				<h1>Give your pet a little energy in his step.</h1>
              <p>"Whether your best friend needs grooming or you need someone to provide loving care, Petformance is here to serve you."</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_about_us.php" role="button">What is Petformance?</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="dogs_cats/2.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
				<h1>Grooming is what we love to do.</h1>
              <p>"We want to provide you a wide range of services that will satisfy you and will surely be loved by your pet."</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_services.php" role="button">Know our services</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="dogs_cats/3.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Rest easy knowing your pet is in good hands</h1>
              <p>Here in Petformance your pet’s whole being is important to us. And we guarantee you a service that will gratify and meet your pet’s needs.</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_login_register.php" role="button">Join us</a></p>
            </div>
          </div>
        </div>
		
		  <div class="item">
          <img src="dogs_cats/4.jpg" alt="Fourth slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Delicate care for your pet</h1>
              <p>Happiness is a warm puppy. And whoever said you can't buy happiness forgot about puppies. Own one and we’ll offer you the first rate pet care you and your pet deserve.</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_login_register.php" role="button">Call for an appointment</a></p>
            </div>
          </div>
        </div>
		  <div class="item">
          <img src="dogs_cats/5.jpg" alt="Fifth slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Life is hard. Soften yours with a cat.</h1>
              <p>Own a cat and we will help and guide you on properly taking care of him! Don’t worry, we got you!</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_products_dog_food.php" role="button">Browse our products</a></p>
            </div>
          </div>
        </div>
		  <div class="item">
          <img src="dogs_cats/6.jpg" alt="Sixth slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Make your pet smile and feel loved.</h1>
              <p>Hardly any creature could express joy as vividly as a dog. Give him the best care and he’ll surely love you.</p>
              <p><a class="btn btn-lg btn-primary" href="thesis_about_us.php" role="button">Find out more</a></p>
            </div>
          </div>
        </div>
		  
		
		
		
		
		
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->

    <div class	="container "><!-- =================================MAIN CONTENT================================= -->
      <!-- Example row of columns -->
      <div class="row">
	  
	  <div class="col-md-4">
          <p><img src="images/wew.jpg" class="img-responsive" alt="Responsive image"></p>
          <p style="text-align:center"><a class="btn btn-default" href="thesis_services.php" role="button">View details &raquo;</a></p>
        </div>
		
		<div class="col-md-4">
          <p><img src="images/wew2.jpg" class="img-responsive" alt="Responsive image"></p>
          <p style="text-align:center"><a class="btn btn-default" href="thesis_services.php" role="button">View details &raquo;</a></p>
        </div>
		
		<div class="col-md-4">
          <p><img src="images/wew3.jpg" class="img-responsive" alt="Responsive image"></p>
          <p style="text-align:center"><a class="btn btn-default" href="thesis_services.php" role="button">View details &raquo;</a></p>
        </div>
	  
		
		<div class="col-md-4">
		<br>
         <div class="thumbnail center well well-small text-center">
                <h2>Dog of the Month</h2>
				<p><img src="images/boo.jpg" class="img-responsive img-thumbnail" style="height:163px; width:280px;"></p>
                
                <p>Boo, Pomeranian</p>
            </div> 
        </div>
		
			<div class="col-md-4">
			<br>
         <div class="thumbnail center well well-small text-center">
                <h2>Subscribe to our MAILING LIST</h2>
                
                <p>Be the first to find out about our products, promos and events.</p>
				
                
                <form id="frmSubscribe" action="" method="post">
                    <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span>
                        <input type="text" id="txtEmailSubscribe" name="" placeholder="your@email.com">
                    </div>
                    <br />
                    <input id="btnSubscribe" type="submit" value="Subscribe Now!" class="btn btn-large" />
					<br><br><br>
              </form>
            </div>   
        </div>
		
		<div class="col-md-4"> 
		<br>
		 <div class="fb-like-box" data-href="https://www.facebook.com/pages/Petformance-Veterinary-Animal-Health-and-Wellness-Clinic/236203746407740" data-width="345" data-height="311" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
        </div>
		
		<div class="col-md-4">
          <h2> </h2>
          <p> </p>
          <p> </p>
        </div>
		
	
		
      </div>
	  

	  <?php include 'thesis_footer_script.php'; ?>
	  
    </div> <!-- /container --><!-- =================================MAIN CONTENT END!================================= -->


	
	
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bootstrap/docs/assets/js/docs.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="bootstrap/docs/assets/js/ie10-viewport-bug-workaround.js"></script>
		<!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 3000 //changes the speed
    })
    </script>


<script type="text/javascript"><!-- =================================SUBSCRIBE VALIDATION================================= -->	
    function validateEmail(email) { 
        var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test(email);
    } 
    function insertSubscribe(email){
      var params = {};
      params.email = email;
        return $.ajax({
            url: 'MyConnection/insert_subscribed.php',
            type: 'post',
            data : params,
            dataType: 'json'
        });
    }

    $('#btnSubscribe').click(function(){
        $('#frmSubscribe').submit();
          return false;
    });

    $("#frmSubscribe").submit(function(e) {

        //prevent Default functionality
        e.preventDefault();

        var email = $('#txtEmailSubscribe').val();
        
        if(validateEmail(email)){
           insertSubscribe(email).done(function(result){
              if(result.status == true){
                 alert("Subscribed Succesfully");
                 $('#txtEmailSubscribe').val('');
              }else{
                  // var x = JSON.parse(result);
                    alert(result.aw);
              }
           });
        }else{
          alert("Enter a valid email");
        }
    });
</script>
	
 <?php include 'thesis_back_to_top_script.php'; ?>

  </body>
</html>
